<template>
  <div class="footer">
			<div class="m">
				<div class="top">
					<div class="left">
						<img src="@/assets/images/fotlogo.png" class="fotlogo" />
						<p>{{ $t('footer.slogan') }}</p>
						<span style="cursor:pointer;" @click="toTips">{{ $t('footer.termsAndConditions') }}</span>
					</div>
					<div class="item">
						<p>{{ $t('footer.contactUs') }}</p>
						<ul class="ul">
							<li>
								<img src="@/assets/images/email.png" />
								<span>{{ $t('footer.email') }}</span>
							</li>
							<li>
								<img src="@/assets/images/tel.png" />
								<span>{{ $t('footer.phone') }}</span>
							</li>
							<li @click="toMap">
								<img src="@/assets/images/address.png" />
								<span>{{ $t('footer.address') }}</span>
							</li>
						</ul>
					</div>
					<div class="item">
						<p>{{ $t('footer.findUs') }}</p>
						<div class="map" @click="toMap"><img src="@/assets/images/map.png" /></div>
					</div>
					<div class="item">
						<p>{{ $t('footer.followUs') }}</p>
						<ul class="ul1">
							<li>
								<a target="_blank" href="https://www.facebook.com/share/14ziZmy3s2/?mibextid=wwXIfr"><img src="@/assets/images/f.png" /></a>
							</li>
							<li>
								<a target="_blank" href="https://www.instagram.com/divers_fishing_charters/profilecard/?igsh=MWE3a2RpcTJ6NHdsMQ=="><img src="@/assets/images/o.png" /></a>
							</li>
              <li>
                <a target="_blank" href="https://www.xiaohongshu.com/user/profile/61481d520000000002022a30?xsec_token=YBLIQVlWKkR9pO9hxk4NdAA7KrrI4wVhZTKg-fo1PsrSg=&xsec_source=app_share&xhsshare=CopyLink&appuid=61481d520000000002022a30&apptime=1737135744&share_id=72261e1378b448d788741ecae17e4310"><img src="@/assets/images/read-book.png" /></a>
              </li>

						</ul>
					</div>
				</div>
				<div class="bottom">{{ $t('footer.copyright') }}</div>
			</div>
		</div>
</template>

<script>
export default {
  name: 'foot',
  data() {
    return {

    }
  },
  methods: {
    toMap() {
      // 跳转谷歌地图，传入条件搜索
      window.open('https://www.google.com.hk/maps/place/Prince+of+Wales+Bay+Marina/@-42.8280079,147.2999271,17.5z/data=!4m6!3m5!1s0xaa6e0b4b3253252f:0x14c1448d142bcb64!8m2!3d-42.8281197!4d147.3036093!16s%2Fg%2F1jglyfc3q?entry=ttu&g_ep=EgoyMDI1MDEwNy4wIKXMDSoASAFQAw%3D%3D', '_blank')
    },
    toTips() {
      // 获取当前语言
      let lang = this.$i18n.locale
      console.log(lang)
      if (lang === 'en') {
        window.open('/Terms and Conditions(EN).pdf', '_blank')
      } else if (lang === 'ch') {
        window.open('/Terms and Conditions(CN).pdf', '_blank')
      } else if (lang === 'ch2') {
        window.open('/Terms and Conditions(CN-TW).pdf', '_blank')
      }
    }
  }
}
</script>

<style lang="less" scoped>

</style>
